<?php
/**
 * Created by IDEA.
 * User: dinesh
 * Date: Mar 25, 2012
 * Time: 4:58:05 PM
 */

?>

<link rel="stylesheet" type="text/css" href="css/dhtmlx/grid/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid_pgn_bricks.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/toolbar/skins/dhtmlxtoolbar_dhx_skyblue.css">
 <link rel="stylesheet" type="text/css" href="css/dhtmlx/calendar/dhtmlxcalendar.css">
 <link rel="stylesheet" type="text/css" href="css/dhtmlx/calendar/skins/dhtmlxcalendar_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="css/table.css">

<script src="js/dhtmlx/grid/dhtmlxgrid.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgridcell.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_filter.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_srnd.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgrid_pgn.js"></script>
<script src="js/dhtmlx/toolbar/dhtmlxtoolbar.js"></script>
 <script src="js/dhtmlx/calendar/dhtmlxcalendar.js"></script>
<!-- This goes in the document HEAD so IE7 and IE8 don't cry -->
	<!--[if lt IE 9]>
	<style type="text/css">
		table.gradienttable th {
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3e4', endColorstr='#b3c8cc',GradientType=0 );
			position: relative;
			z-index: -1;
		}
		table.gradienttable td {
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecda', endColorstr='#ceceb7',GradientType=0 );
			position: relative;
			z-index: -1;
		}
	</style>
	<![endif]-->

<table width='100%' border='0' cellpadding='0' cellspacing='0'>

<tr>
    <td>
        <div>
            <fieldset>
                <legend>Search Employ</legend>
                <!-- Search Div -->
                <form id="frmSearch" action="#" onsubmit="return false;">

                    <table border="0" cellspacing="5px" cellpadding="0px" width="100%">
                        <tr>
                            <td width="80px">Employ Name:</td>
                            <td width="80px"><input type="text" style="width:150px" id="searchCriteria.name"
                                                    name="searchCriteria.name"
                                                    keyfilter="alphanumeric" onKeyDown="doSearch(event)"/></td>

                            <td width="40px" align="right">NIC :</td>
                            <td width="40px"><input type="text" style="width:100px" name="searchCriteria.nic"
                                                    id="searchCriteria.nic"/></td>
                            <td width="60px" align="right">Institute :</td>
                            <td width="80px"><?php echo $this->parentInstitute ?> </td>
                            <td width="200px" align="left">
                                <button onClick="reloadGrid()" class="clsButtonSmall" id="submitButton">Search</button>
                                <input type="checkbox" id="autosearch" onClick="enableAutosubmit(this.checked)"> Enable
                                Autosearch
                            </td>
                        </tr>
                    </table>

                    <input type="hidden" id="totalRecords" name="page.totalRecords"/>
                    <input type="hidden" id="startPosition" name="page.startPosition"/>
                    <input type="hidden" id="pageSize" name="page.pageSize"/>

                </form>
            </fieldset>
        </div>
    </td>
</tr>
<tr>
    <td>
        <div>
            <div id="gridbox" style="width:1000px;height:230px;margin-top:10px;"></div>
            <div><span id="pagingArea"></span>&nbsp;<span id="infoArea"></span><span id="recfound"></span></div>
        </div>
    </td>
</tr>
<tr>
<td><!-- Data Controls Div -->
<fieldset style="margin-top:10px;">
<legend></legend>
  <div>
            <div id="empbox" style="width:1000px; margin-top:10px;"></div>
            <div><span id="empDetailArea"></span>&nbsp;<span id="empDetailInfoArea"></div>
        </div>

<form method="post" id="frmData" action="">
    <input type="hidden" id="empId" name="empId"/>
    <input type="hidden" id="id" name="id"/>

    <div>
        <table>
            <tr><td colspan="2" align="center" style="font-family:14px;font-weight:bold;"><span id="initName"> </span></td></tr>
             <tr><td colspan="2" align="center" style="font-family:14px;font-weight:bold;"><span id="tableHtml"> </span></td></tr>
            <tr>
                <td>
                    <fieldset>
                        <legend> Employ Current Institute Information </legend>

                        <table>



                            <tr>
                                <td><label for="old_institute_id">Institute :</label></td>
                                <td><input type="text" id="old_institute_id" name="old_institute_id"  size="40">
                                                <span id="old_instituteInfo"></span>
                                </td>
                            </tr>
                             <tr>
                                <td><label for="old_section_id">Section/Division :</label></td>
                                <td><input type="text" id="old_section_id" name="old_section_id"  size="40">
                                                 <span id="old_sectionInfo"></span>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="old_category_id">Employ Category :</label></td>
                                <td> <input type="text" id="old_category_id" name="old_category_id"  size="40"> <span id="old_categoryInfo"></span>
                                </td>
                            </tr>
                              <tr>
                                <td><label for="old_fromDate">From Date:</label></td>
                                <td><input id="old_fromDate" name="old_fromDate" type="text" size="40"/> <span
                                        id="old_fromDateInfo"></span></td>
                            </tr>
                             <tr>
                                <td><label for="old_toDate">To Date:</label></td>
                                <td><input id="old_toDate" name="old_toDate" type="text" size="40"/> <span
                                        id="old_toDateInfo"></span></td>
                            </tr>

                        </table>

                    </fieldset>
                </td>
                <td>
                   <fieldset>
                        <legend> Employ New Institute Information </legend>

                        <table>



                            <tr>
                                <td><label for="institute_id">Institute :</label></td>
                                <td><select id="institute_id" name="institute_id" style="width:300px" onchange="doChangeSection();"><option value="">--Select Institute--</option>
                                                <?php echo $this->institute ?>  </select> <br/>  <span id="instituteInfo"></span>
                                </td>
                            </tr>
                             <tr>
                                <td><label for="section_id">Section/Division :</label></td>
                                <td><select id="section_id" name="section_id" style="width:300px"><option value="-1">--Select Section--</option>
                                                 </select> <br/>  <span id="sectionInfo"></span>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="category_id">Employ Category :</label></td>
                                <td><select id="category_id" name="category_id" style="width:300px"><option value="-1">--Select Category--</option>
                                                <?php echo $this->category ?>  </select> <br/>  <span id="categoryInfo"></span>
                                </td>
                            </tr>
                              <tr>
                                <td><label for="fromDate">From Date:</label></td>
                                <td><input id="fromDate" name="fromDate" type="text" size="40"/> <span
                                        id="fromDateInfo"></span></td>
                            </tr>

                        </table>

                    </fieldset>
                </td>
            </tr>
        </table>





    </div>


</form>

<table border="0" cellspacing="5px" cellpadding="0px" width="100%" style="margin-top:0px;">
    <tr>
        <td>
            <button id="btnClose" onclick="closePage();" privilege="" class="clsButtonSmall">Close</button>
            <button id="btnEdit" onclick="edit();" privilege="USER.EDIT" class="clsButtonSmall">Edit
            </button>
            <button id="btnDelete" onclick="del();" privilege="EMP.DELETE" class="clsButtonSmall">Delete
            </button>

            <button id="btnClear" onclick="clearButton();" privilege="" class="clsButtonSmall">Clear</button>
        </td>
        <td width="*" align="right">
            <button id="btnCancel" onclick="cancel();" privilege="" class="clsButtonSmall">Cancel</button>
            <button id="btnSave" onclick="save();" class="clsButtonSmall">Save</button>
        </td>
    </tr>
</table>
</fieldset>
</div>
</td>
</tr>
</table>


<script src="js/employee/empMap.js"></script>
<div id='messagePanel'></div>